<template>
    <div class="ui vertical animated mini button" :class="theClass">
        <div class="hidden content">{{name}}</div>
        <div class="visible content">
            <i class="icon" :class="theIcon"></i>
        </div>
    </div>
</template>
<script>
    export default {
        name: 'ui-btn-add',
        props:{
            name:String,
            value:Object,
            color:String,
            icon:String
        },
        data() {
            return {
                theClass: this.color || 'basic ',
                theIcon: this.icon || 'code'
            }
        },
        methods:{
            onClick(){
                // console.log(this.$router);
                this.$emit('click')
            }
        }
    }
</script>
